<template>
  <div class="chart-main-card">
    <div class="title">本月报警列表</div>
    <div class="chart-main-content">
      <h-table
        :data="data"
        :option="option"
        id="histId"
        styleId="histStyleId"
      ></h-table>
    </div>
  </div>
</template>

<script>
import HTable from "@/components/HTable/index";
export default {
  components: { HTable },
  data() {
    return {
      data: [],
      option: [
        {
          label: "船舶名称",
          prop: "riverName",
        },
        {
          label: "报警内容",
          prop: "cameraName",
        },
        {
          label: "警报时间",
          prop: "alertTime",
          width: 150,
        },
      ],
    };
  },
  methods: {
    getData() {
      setTimeout(() => {
        this.data = [
          {
            riverName: "船舶1",
            cameraName: "1#主机 燃油温度过高",
            alertTime: "2025-04-01 06:23:34",
          },
          {
            riverName: "船舶1",
            cameraName: "1#主机 燃油温度过高",
            alertTime: "2025-04-01 06:23:34",
          },
          {
            riverName: "船舶1",
            cameraName: "1#主机 燃油温度过高",
            alertTime: "2025-04-01 06:23:34",
          },
          {
            riverName: "船舶1",
            cameraName: "1#主机 燃油温度过高",
            alertTime: "2025-04-01 06:23:34",
          },
          {
            riverName: "船舶1",
            cameraName: "1#主机 燃油温度过高",
            alertTime: "2025-04-01 06:23:34",
          },
          {
            riverName: "船舶1",
            cameraName: "1#主机 燃油温度过高",
            alertTime: "2025-04-01 06:23:34",
          },
          {
            riverName: "船舶1",
            cameraName: "1#主机 燃油温度过高",
            alertTime: "2025-04-01 06:23:34",
          },
          {
            riverName: "船舶1",
            cameraName: "1#主机 燃油温度过高",
            alertTime: "2025-04-01 06:23:34",
          },
        ];
      }, 500);
    },
  },
  mounted() {
    this.getData();
  },
};
</script>

<style></style>
